.video-download-status-container{
  display: grid; 
  padding: 1rem 1rem 0.5rem 1rem;
}
.download-status-container{
  background-color: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  border-color: #000000;
  max-width: 17.65rem;
  /* display: none; */
  position: absolute;
  top: 3.5rem;
  right: 1.95em;
  z-index: 1;
  display: flex; 
  flex-direction: column-reverse;
}

.compressionOptionsContainer, .tumbnailOptionsContainer, .tumbnailCompressionOptionsContainer, .videoOptionsContainer{
  display: grid;
  grid-template-columns: 2fr 1fr; 
  grid-gap: 1ch;
}

.completeCompressionDownloadButton, .completeTumbnailDownloadButton, .completeTumbnailCompressionDownloadButton, .completeVideoDownloadButton, .untruncUnavailableButton{  
  justify-content: center;
  text-decoration: none;
  /* padding: 0.25rem 0.75rem 0 0.75rem; */
  color: #fff !important;
  border-radius: 6px; 
  border: 1px solid #000;
  transition: background-color .3s cubic-bezier(.3,0,.5,1);
  display: inline-flex;
  align-items: center;
  height: 2.1875rem;
}

.completeCompressionDownloadButton, .completeTumbnailDownloadButton, .completeTumbnailCompressionDownloadButton, .completeVideoDownloadButton{  
  background: #000 !important;
}

.untruncUnavailableButton{  
  background: #7c7777 !important;
}

.completeCompressionDownloadButton:hover, .completeTumbnailDownloadButton:hover, .completeTumbnailCompressionDownloadButton:hover, .completeVideoDownloadButton:hover, .untruncUnavailableButton:hover{
  color: #000 !important;
  background: #fff !important; 
}

